<!-- 我的房源 -->
<div style="width: 100%;height: 800px;background-color: white">
    <form>
        <div style="width: 100%;height: 200px">
            <div style="width: 100%;height: 40px ;padding: 10px 40px">
                <i class="glyphicon glyphicon-home"></i>&nbsp;&nbsp;我的房源&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <i class="glyphicon glyphicon-thumbs-up"></i>&nbsp;&nbsp;<font color="red">
                恭喜你! 你已拥有[精选房申请资格],快去申请自己的精选房,享受专属获客特权吧!
            </font>
            </div>
            <div style="width: 100%;height: 140px;margin: 0px 25px;border-style: solid;border-width: 1px;border-color: lightgrey">
                <div style="width: 100%;height: 30px ;padding: 5px 40px">
                    楼盘&nbsp;&nbsp;
                    <select style="width: 20%;height: 25px">
                        <option>请选择</option>
                    </select>
                    <input type="text" style="width: 5%" placeholder="楼座">
                    <input type="text" style="width: 5%;margin-right: 4%" placeholder="房号">
                    委托类型&nbsp;
                    <select style="width: 8%;height: 25px;margin-right: 6%">
                        <option>
                            请选择
                        </option>
                    </select>
                    租售类型&nbsp;
                    <select style="width: 8%;height: 25px;margin-right: 8%">
                        <option>
                            请选择
                        </option>
                    </select>
                    价格&nbsp;<input type="text" placeholder="万或者元" style="width: 5%">-
                    <input type="text" placeholder="万或者元" style="width: 5%">
                </div>
                <div style="width: 100%;height: 30px ;padding: 5px 40px">
                    类型 &nbsp;
                    <select style="width: 11% ;height: 25px;margin-right: 5%;">
                        <option>请选择</option>
                    </select>
                    用途&nbsp;
                    <select style="width: 11% ;height: 25px;margin-right: 5%;">
                        <option>
                            请选择
                        </option>
                    </select>
                    激活时间&nbsp;
                    <input type="text" style="width: 25%;margin-right: 10%">
                    面积&nbsp;<input type="text" placeholder="万或者元" style="width: 5%">-
                    <input type="text" placeholder="万或者元" style="width: 5%">
                </div>
                <div style="width: 100%;height: 30px ;padding: 5px 40px">
                    区域&nbsp;
                    <select style="width: 10% ;height: 25px;margin-right: 2%;">
                        <option>
                            上海
                        </option>
                    </select>
                    <select style="width: 29% ;height: 25px;margin-right: 1%;">
                        <option>
                            请选择城区
                        </option>
                    </select>
                    <select style="width: 20% ;height: 25px;margin-right: 10%;">
                        <option>
                            请选择片区
                        </option>
                    </select>
                    状态&nbsp;<select style="width: 8% ;height: 25px;margin-right: 1%;">
                    <option>
                        请选择
                    </option>
                </select>
                    <select style="width: 6% ;height: 25px">
                        <option>
                            朝向
                        </option>
                    </select>
                </div>
                <div style="width: 100% ;margin-top: 5px;height: 25px;text-align: right;padding-right: 10%">
                    <button type="submit" class="btn btn-danger"><i class="glyphicon glyphicon-search"></i>&nbsp;搜索</button>
                    <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-trash"></i>&nbsp;清空</button>
                </div>
            </div>
        </div>
    </form>

    <div style="margin: 5px 0px 15px 20px;background-color: lightgrey;height: 40px">
        <div style="float: right;padding: 5px 20px 0px 0px;margin-left: 20px;" >
            <ul class="pagination pagination-sm no-margin pull-right">
                <li><a class="pre"> <i class="glyphicon glyphicon-chevron-left"></i> </a></li>
                <li><a class="next"> <i class="glyphicon glyphicon-chevron-right"></i> </a></li>
            </ul>
        </div>
        <div style="float: right ;padding-top:5px ">
            <div class="btn-group" role="group" aria-label="...">
                <button type="button" class="btn btn-default" style="color: white ;background-color: #8e908c">10</button>
                <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">20</button>
                <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">30</button>
            </div>
        </div>
        <div style="float: left ;padding: 15px 0px 0px 30px">
            <a style="margin-right: 15px;color: black">活跃时间 <i class="glyphicon glyphicon-chevron-down"></i></a>
            <a style="margin-right: 15px;color: black">委托日期</a>
            <a style="margin-right: 15px;color: black">跟进数量</a>
            <a style="margin-right: 15px;color: black">跟进时间</a>
            <a style="margin-right: 15px;color: black">跳公日期</a>
        </div>
    </div>
    <div style="height: 50px ;width: 100% ;background-color: red;margin: 10px 20px 0px 20px;padding-top: 15px">
        <div style="float: left;height: 100%;width: 30%;text-align: center">
            楼盘
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center">
            户型
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center">
            面积
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center">
            楼层
        </div>
        <div style="float: left;height: 100%;width: 10%;text-align: center">
            报价
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center">
            状态
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center">
            现状
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center">
            委托日期
        </div>
    </div>
    <!-- 房源数据列表/条数据 -->
    <div style="height: 110px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
        <div style="float: left;height: 100%;width: 30%;text-align: center">
            <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
            <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
                <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
            </div>
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            高区/6F
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            2室2厅
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            107.82平
        </div>
        <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
            7500元/月
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            6万/平
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
            2020/07/12 19:13
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
            <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
            <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        </div>
    </div>

    <div style="height: 110px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
        <div style="float: left;height: 100%;width: 30%;text-align: center">
            <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
            <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
                <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
            </div>
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            高区/6F
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            2室2厅
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            107.82平
        </div>
        <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
            7500元/月
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            6万/平
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
            2020/07/12 19:13
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
            <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
            <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        </div>
    </div>

    <div style="height: 110px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
        <div style="float: left;height: 100%;width: 30%;text-align: center">
            <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
            <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
                <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
            </div>
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            高区/6F
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            2室2厅
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            107.82平
        </div>
        <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
            7500元/月
        </div>
        <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
            6万/平
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
            2020/07/12 19:13
        </div>
        <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
            <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
            <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        </div>
    </div>




</div>